<!DOCTYPE html>
<html>
<head>
        <title>s属性选择器</title>
        <script src="js/xt8-1.html" type="text/javascript"></script>
</head>
<body>
    <div id="topDiv" title="top" desc="页面顶部">页面顶部</div>
    <div id="topDiv" title="menu">菜单栏</div>
    <div id="topDiv">主题区</div>
    <div id="topDiv" title="mainleft">左侧栏</div>
    <div id="topDiv" title="mainRight">右侧栏</div>
    <div id="bottomDiv" title="bottom" desc="页面低部">底部栏</div>
    <div id="topDiv" title="advbottom">广告栏</div>
    <script type="text/javascript">
    $(function(e){
        $("div[title]").css({width:"300px",height:"30px",margin:"3px"});
        $("div[title=menu]").css("border","2px solid #aaa");
        $("div[title!=menu]").css({backgroundcolor:"#DDD"});
        $("div[title^=main]").css("margin-left","20px");
        $("div[title$=bottom]").css("padding-left","15px");
        $("div[title*=0]").css("font-style","italic");
        $("div[title*=0][sesc]").css("font-weight","bold");
    });
    </script>
</body>
</html>